<template>
  <div>
    <h3>编辑题目</h3>
    <div class="bt">      
      <h4>填空题</h4>
    </div>
    <h4>标题</h4>
    <el-input type="text" v-model="data.title" ></el-input>
    <!-- <el-input type="text" v-model="data.tips"></el-input> -->
    <h4>默认值</h4>
    <el-row>
      <el-input type="textarea" :rows="7" disabled v-model.number="data.option.def"/>
    </el-row>
    <!-- 修改文字颜色 -->
    <h4>提示</h4>
    <br />
    <el-color-picker v-model="data.tips_color.color"></el-color-picker>
    <el-input
      type="textarea"
      :rows="6"
      placeholder="请输入内容"
      v-model="data.tips"
    ></el-input>
    <h5 style="float: right">可输入文字:{{ data.tips.length }}/10000</h5>
    
    <el-button class="bc">保存问卷</el-button>
  </div>
</template>

<script>
export default {
  props: ["data"],
  methods: {
    
  },
};
</script>
<style scoped>
* {
  padding: 0;
  margin: 0;
  list-style: none;
  text-decoration: none;
}
.bt {
  border: 1px solid black;
  border-left: none;
  border-right: none;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
h4 {
  color: black;
  float: left;
}
.bc{
  width: 150px;
  height: 30px;
  margin-top: 30px;
  margin: 0 auto;
  background-color: #2875E8;
  color: white;
}
.bc:hover{
  background-color: lightskyblue;
}
</style>